import { ReactNode } from "react";

export type WindowCompBaseType = {
  /**
   * 窗口宽度
   * @default 移动端 100 电脑端 60
   */
  width?: number,
  /**
  * 窗口高度
  * @default 移动端 100 电脑端 60
  */
  height?: number

  /**
   * 窗口左上角标题
   */
  title?: ReactNode,
  /**
   * 窗口在页面上显示内容（可自定义）
   */
  icon?: ReactNode | ((open: boolean) => ReactNode),
  /**
   * 窗口图标图片
   */
  iconImage?: string,
  /**
   * 自定义窗口头部
   */
  header?: ReactNode
  /**
   * 自定义窗口内容
   */
  content?: ReactNode | ((values: { isScreen: boolean, visible: boolean, }) => ReactNode),
  /**
   * 自定义窗口底部
   */
  footer?: null | ReactNode,
  /**
   * 窗口圆角
   */
  radius?: number,
  /**
   * 网站地址 有值时content为iframe
   */
  harf?: string

  /**
   * 图标被单击
   */
  iconSingleClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void

  firstRender?: () => void,

  background?: ReactNode | (() => ReactNode)
};

export type WindowCompPropsType = {
} & WindowCompBaseType
